const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  mode: "development",
  entry: path.join(__dirname, './src/main.js'),
  output: {
    path: path.join(__dirname, './dist'),
    filename: 'bundle.js'
  },
  plugins: [
    new htmlWebpackPlugin({
      template: path.join(__dirname, './src/index.html'),
      filename: "index.html"
    })
  ],
  module: {
    rules: [
      {test: /\.css$/, use: ['style-loader', "css-loader"]},
      {test: /\.scss$/, use: ["style-loader", {loader: 'css-loader', options: {modules: {localIdentName: '[name]_[local]-[hash:5]'}}}, "sass-loader"]},
      {test: /\.(png|svg|jpg|gif)$/i, use: ['url-loader?limit=34010']},
      {test: /\.jsx?$/, exclude: /node_modules/, use: ['babel-loader']}
    ]
  },
  devtool: 'inline-source-map',
}
